const { defineConfig } = require('@vue/cli-service')
module.exports = defineConfig({
  transpileDependencies: true,
  css: {
    loaderOptions: {
      less: {
        // 若 less-loader 版本小于 6.0，请移除 lessOptions 这一级，直接配置选项。
        lessOptions: {
          modifyVars: {
            // 直接覆盖变量
            blue: '#1cb676',
            'nav-bar-background-color': '#1cb676',
            'nav-bar-icon-color': '#fff',
            'nav-bar-text-color': '#fff',
            'nav-bar-title-text-color': '#fff',
            'grid-item-content-padding': '5px',
            'grid-item-icon-size': '50px',
            'grid-item-text-color': '#333',
            'grid-item-text-font-size': '14px',
            'dropdown-menu-height': '34px',
            'dropdown-menu-background-color': '#fff'
            // 'button-round-border-radius': '50%'
            // 'text-color': '#111',
            // 'border-color': '#eee',
            // 或者可以通过 less 文件覆盖（文件路径为绝对路径）
            // hack: 'true; @import "your-less-file-path.less";'
          }
        }
      }
    }
  },
  // 配置跨域请求
  devServer: {
    // 项目运行的端口号配置
    port: 8999,
    // 自动打开浏览器
    open: true,
    https: false,
    proxy: {
      '/api': {
        // 要请求的后端接口
        target: 'http://127.0.0.1:8888',
        ws: true, // 用于支持websocket，不写默认为true
        // 开启跨域
        changeOrigin: true,
        // secure: true, // 如果是 https,需要开启这个选项
        // 替换 target 中的请求地址，也就是说，以后请求地址时候，直接写成/api即可
        pathRewrite: {
          '^/api': ''
        }
      }
    },
    // 添加后， WebSocket 就不会报错了
    client: {
      webSocketURL: 'ws://0.0.0.0:8999/ws'
    }
  }
})
